/*
 * @Description: 通知详情
 * @Author: jian.chen
 * @Date: 2019-12-16 10:54:46
 * @Last Modified by: jian.chen
 * @Last Modified time: 2019-11-15 19:09:37
 */
<template>
  <div id="app">
    <p class="detailTitle">{{noticedetail.TITLE}}</p>
    <p class="detailTime">{{noticedetail.CREATE_TIME}}</p>
    <p class="detailContent">{{noticedetail.CONTENT}}</p>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {

  },
  data() {
    return {
      noticedetail: {}
    }
  },
  methods: {

  },

  mounted() {
    this.noticedetail = JSON.parse(window.localStorage.getItem('iohnbfiubaskbibiud'))
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  display: flex;
}
/* 修复css边距合并带来的问题 */
body {
  position: absolute;
  width: 100%;
}
html {
  background-color: #f2f5f6;
}
#app {
  flex: 1;
  height: 100%;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f2f5f6;
}
.detailTitle {
  text-align: center;
  font-size: 0.533rem;
  padding-top: 0.49333rem;
}
.detailTime {
  text-align: right;
  font-size: 0.2666rem;
  padding: 0.36rem 0.6533rem;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  line-height: 28px;
}
.detailContent {
  font-size: 0.3733rem;
  padding: 0 0.4rem;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 50px;
  width: 100%;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
</style>
